import { Input, Row, Col, Form } from 'antd';
import React, { Fragment } from 'react';
import '@ant-design/compatible/assets/index.css';
import styles from './AuditForms.less';
const FormItem = Form.Item
const BasisMesForm = props => {
  const basisData = props.allDatas;
  return (
    <div className='formItems'>
      {/* 箱包补偿信息   */}
      {+basisData.orderSubType === 2 && <Form >
          <Row gutter={16}>
            <Col md={6} sm={12}>
              <FormItem label='箱包尺寸：'>
                <Input value={basisData?.pkgSize} disabled/>
              </FormItem>
            </Col>
            <Col md={6} sm={12}>
              <FormItem label='箱包数量：'>
                <Input value={basisData?.pkgCount} disabled/>
              </FormItem>
            </Col>
            <Col md={6} sm={12}>
              <FormItem label='箱包成本：' >
                <Input value={basisData?.pkgPrice} disabled/>
              </FormItem>
            </Col>
            <Col md={24} sm={24}>
              <FormItem label='备注：' >
                <Input value={basisData?.orderRemark} disabled/>
              </FormItem>
            </Col>
          </Row>
        </Form>}


      {/* 临时补偿信息 */}
      {+basisData.orderSubType === 0 && <Form >
          <Row gutter={16}>
            <Col md={6} sm={12}>
              <FormItem   label='补偿金额：'>
                <Input value={basisData?.paymentMoney} disabled/>
              </FormItem>
            </Col>
            <Col md={18} sm={12}>
              <FormItem label='补偿原因：' >
                <Input value={basisData?.paymentReason} disabled/>
              </FormItem>
            </Col>
            <Col md={24} sm={24}>
              <FormItem label='备注：' >
                <Input value={basisData?.orderRemark} disabled/>
              </FormItem>
            </Col>
          </Row>
        </Form>}

      {/* 结案补偿信息 */}
      {+basisData.orderSubType === 1 && <Form >
        <Row gutter={16}>
          <Col md={6} sm={12}>
            <FormItem label='补偿金额：'>
              <Input value={basisData?.paymentMoney} disabled />
            </FormItem>
          </Col>
          <Col md={6} sm={12}>
            <FormItem label='运输费用：'>
              <Input value={basisData?.transportPay} disabled />
            </FormItem>
          </Col>
          <Col md={6} sm={12}>
            <FormItem label='超重费用：'>
              <Input value={basisData?.overWeightPay} disabled />
            </FormItem>
          </Col>
          <Col md={24} sm={24}>
            <FormItem label='补偿原因：' >
              <Input value={basisData?.paymentReason} disabled />
            </FormItem>
          </Col>
          <Col md={24} sm={24}>
            <FormItem label='备注：' >
              <Input value={basisData?.orderRemark} disabled />
            </FormItem>
          </Col>
        </Row>
      </Form>}
    </div>
  )
}

export default BasisMesForm
